<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="/css/index.css" />
	</head>
	<body class="iot-detail">
		<div class="header"></div>
		<!-- 轮播 -->
		<div class="banner">
			<img src="/images/iot-banner.jpg" >
		</div>
		<div class="content box">
			<div class="title" id="title">AR增强现实眼镜</div>
			<p class="gary">将虚拟的信息应用到真实世界，从而达到超越现实的感官体验</p>
			<img src="/images/iot-detail-AR.jpg" >
		</div>
		<div class="footerBox">
			<iframe src="/html/footer.html"></iframe>
		</div>
	</body>
	<script src="/js/jquery.min.js"></script>
	<script href="/plug-in/mCustomScrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
	<script type="text/javascript">
		var nav = 3    
	</script>
	<script src="/js/common.js" type="text/javascript" charset="utf-8"></script>
	<script src="/js/data.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		var type = getUrlParam("type")
		$('.content #title').html(iot_detail[type].title)
		$('.content .gary').html(iot_detail[type].subtext)
		$('.content img').attr('src', '/images/iot-detail-' + type + '.jpg')
	</script>
</html>
